﻿






<style type="text/css">
#slides li
{
   
    visibility:visible;
    }

</style>







<div   id="slideshow">
    <ul class="pages_thumb" id="slides">
      <li>
            <img src="/images/slide_02.png" width="960" height="386" /></li>
        <li >
           
            <img src="/images/slide_01.png" width="960" height="386" /></li>
      
    </ul>
</div>



<script type="text/javascript">
    $(function () {

        $('.pages_thumb  img:gt(0)').hide();
        setInterval(function () {

            $(".pages_thumb li img").each(function (index) {
                $(this).hide();
                $(this).delay(3000 * index).fadeIn(3000).fadeOut();
            });

        
        
        
        }, 3000);
    });
</script>




<style type="text/css">
    .pages_thumb
    {
        position: relative;
       
        text-align: center;
    }
    
    
   
    
    .pages_thumb img
    {
        position: absolute;
        left: 0;
        top: 0;
        text-align: center;
    }
</style>